.force-content {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.force-content.full-screen {
    position: fixed;
    top: 0;
    bottom: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
}
.legend {
    position: absolute;
    z-index: 99;
}
.degree {
    position: absolute;
    top: 5px;
    right: 20px;
    font-size: 14px;
}
.force-content .layout {
    position: absolute;
    top: 5px;
    right: 350px;
    z-index: 22;
    font-size: 14px;
}
.force-content .layout .el-select.el-select--mini {
    width: 120px;
}

.degree .el-select.el-select--mini {
    width: 80px;
}
.legend ul {
    padding: 0 15px;
    li::marker {
        content: '';
    }
}
.legend li {
    position: relative;
    float: left;
    padding: 9px 18px;
    cursor: pointer;
}
.legend li:hover {
    color: cornflowerblue;
}
.legend li span {
    position: absolute;
    top: 15px;
    left: 3px;
    display: block;
    width: 10px;
    height: 10px;
    background: #ccc;
    border-radius: 50%;
}

#container {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    //   border: 1px solid red;
}
.load_data {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    z-index: 100;
    margin-top: 200px;
    text-align: center;
}
.g6-component-contextmenu .menu-content li {
    cursor: pointer;
}
.g6-component-contextmenu .menu-content li:hover {
    color: cornflowerblue;
}
.g6-minimap {
    position: absolute;
    right: 0;
    bottom: 0;
}
.g6-minimap-container {
    border: 1px solid #e2e2e2;
}
.g6-minimap-viewport {
    border: 2px solid rgb(25, 128, 255);
}
.force-content .g6-component-toolbar {
    top: 5px;
    right: 10px;
    left: unset;
}